<template>
    <div class="base-card">
        <div class="base-card-hd">
            <div class="base-card-hd--title">{{ title }}</div>
            <slot name="header"></slot>
        </div>
        <div class="base-card-bd">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'PartitionContent',
    props: {
        title: {
            type: String,
            default: ''
        }
    }
}
</script>

<style lang="less" scoped>
.base-card {
    padding: 20px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    &-hd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        &--title {
            font-size: 16px;
            color: #000;
            line-height: 20px;
        }
    }
    &-bd {
        min-height: 60px;
    }
}
</style>